<template>
  <div class="container">
    <p v-if="mv.showst === 3">{{ mv.sc }}<span>分</span></p>
    <p v-else>{{ mv.wish }}<span>人喜欢</span></p>
    <div v-if="mv.showst === 3">购票</div>
    <div v-else class="pre-sale">预售</div>
  </div>
</template>

<script>
export default {
  name: "aaa",
  props: {
    mv: Object,
  },
  mounted() {
    // console.log(this.mv);
  },
};
</script>

<style lang='stylus' scoped>
.container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 0.6rem;
  color: #f3ad00;

  p {
    position: absolute;
    top: 0;
    font-size: 0.18rem;
    width: 1.5rem;
    text-align: right;

    span {
      font-size: 0.12rem;
      transform: scale(0.8);
    }
  }

  > div {
    width: 0.46rem;
    height: 0.28rem;
    background: #dd5042;
    border-radius: 0.04rem;
    color: #fff;
    text-align: center;
    line-height: 0.28rem;
    margin-top: 0.2rem;

    &.pre-sale {
      background: #69afe5;
    }
  }
}
</style>